import React from 'react';

type BoatProps = {
  x: number;
  y: number;
  size: number;
};

const Boat: React.FC<BoatProps> = ({ x, y, size }) => {
  return (
    <g transform={`translate(${x}, ${y}) scale(${size / 100})`}>
      <g className="boat-inner">
        <path d="M-30,10 C-20,25 20,25 30,10 C40,10 45,0 35,-5 C30,-15 -20,-15 -25,-5 C-35,0 -40,10 -30,10 Z" fill="#8D6E63" />
        <rect x="-5" y="-40" width="10" height="30" fill="#FFFFFF" />
        <path d="M-5,-40 L5,-60 L5,-40 Z" fill="#E0E0E0" />
        <line x1="0" y1="-10" x2="0" y2="-60" stroke="#795548" strokeWidth={3} />
        <circle cx="-15" cy="0" r="3" fill="#BBDEFB" />
        <circle cx="0" cy="0" r="3" fill="#BBDEFB" />
        <circle cx="15" cy="0" r="3" fill="#BBDEFB" />
      </g>
    </g>
  );
};

export default Boat;

